define(['zepto', 'butterfly/view','../../bsl',
    'text!./webview_mask.html'
], function($, View, bsl, webview_mask) {
    var me = null;

    var view = View.extend({
        events: {

            // ！！！！ 由于 引入 touch.js 后，tap事件会变成双击，所以 本页面内不能使用tap，用click代替。
            "tap .openDoc" : "openDoc",
            "tap #back" : "back",

      
        },
        render: function() {
            me = this;
        },

        onShow: function() {
            this.plusReady();

            // 绑定自定义事件 滑动切换日历等           


        },
                 ws:null,wc:null,
        // 扩展API加载完毕，现在可以正常调用扩展API 
        plusReady:function (){
            ws=bsl.webview.currentWebview();
            // 用户点击后
            ws.addEventListener("maskClick",function(){
                wc.close("auto");
            },false);
        },
        // 判断扩展API是否准备，否则监听"plusready"事件
        // if(window.plus){
        //     plusReady();
        // }else{
        //     document.addEventListener("plusready",plusReady,false);
        // }
        // 显示侧滑页面
        showSide:function (){
            // 防止快速点击可能导致多次创建
            if(wc){
                return;
            }
            // 开启遮罩
            ws.setStyle({mask:"rgba(0,0,0,0.5)"});
            // 创建侧滑页面
            wc=bsl.webview.create("webview_mask_side.html","side",{left:"30%",width:"70%",popGesture:"none"});
            // 侧滑页面关闭后关闭遮罩
            wc.addEventListener('close',function(){
                ws.setStyle({mask:"none"});
                wc=null;
            },false);
            // 侧滑页面加载后显示（避免白屏）
            wc.addEventListener("loaded",function(){
                wc.show("slide-in-right",200);
            },false);
        },
          back : function(e){
            window.history.go(-1);
        },
        
             
            });
    return view;
});
